<template>
	<view>
		<view class="wrap"><u-swiper :list="list"></u-swiper></view>

		<!-- 分隔线 -->
		<view class="dividingLine"></view>

		<!-- 图标 -->
		<u-row gutter="16">
			<u-col span="4">
				<view class="icon-flex" @click="BudgetAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">预算分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="RevenueAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">收入分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="CostAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">成本分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="ManpowerAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">人力分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="MaterialAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">物资分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="AssetAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">资产分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="BudgetAnaly">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">数据分析</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="request">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">预算申请</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="reimbursement">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">报账单填报</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="process">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">流程审批</view>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					image: '../../static/hr/carouseltwo.jpg',
					title: '昨夜星辰昨夜风，画楼西畔桂堂东'
				},
				{
					image: '../../static/hr/carouselone.jpg',
					title: '身无彩凤双飞翼，心有灵犀一点通'
				}
				// {
				// 	image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
				// 	title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
				// }
			]
		};
	},
	methods: {
		// 预算分析
		BudgetAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/BudgetAnalysis'
			});
		},
		// 收入分析
		RevenueAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/RevenueAnalysis'
			});
		},
		// 成本分析
		CostAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/CostAnalysis'
			});
		},
		// 人力分析
		ManpowerAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/ManpowerAnalysis'
			});
		},
		// 物资分析
		MaterialAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/MaterialAnalysis'
			});
		},
		// 资产分析
		AssetAnalysis() {
			uni.redirectTo({
				url: '/pages/budget/BigDataAnalysis/AssetAnalysis'
			});
		},
		BudgetAnaly() {
				uni.redirectTo({
					url: '/pages/budgetCost/dataAnalysis'
				})
			},
		request() {
			uni.redirectTo({
				url: '/pages/budgetCost/budgetRequest'
			});
		},
		reimbursement() {
			uni.redirectTo({
				url: '/pages/budgetCost/reimbursement'
			});
		},
		process() {
			uni.redirectTo({
				url: '/pages/budgetCost/processApproval'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.wrap {
	padding: 20rpx;
}

// 图标
.icon-flex {
	padding: 16rpx;
	margin-top: 10rpx;
	text-align: center;

	.icon-img {
		width: 50px;
		height: 50px;
	}

	.icon-text {
		font-size: 14px;
		padding: 10rpx 0;
	}
}
</style>
